@charset "utf-8";

/* 顶部 */
.top{
    background:#252525;
    line-height:43px;
    font-size:12px;
    border:1px solid #434343;
}
.top a{
    color:#fff;
}
.top a:hover{
    color:#00a7ea;
}
.touch .tel::before{
    content:'';
    display:inline-block;
    width:15px;
    height:13px;
    background:url(../images/tel.png);
    position:relative;
    top:3px;
}
.touch .email::before{
    content:'';
    display:inline-block;
    width:19px;
    height:13px;
    background:url(../images/mail.png);
    position:relative;
    top:2px;
}
.touch span{
    float:right;
    margin-left:20px;
}
/* 导航 */
nav{
    line-height:103px;
}
nav img{
    vertical-align:middle;
}
nav .rightnav{
    float:right;
    line-height:103px;
}
.rightnav a{
    color:#252525;
    font-size:16px;
    margin:0 25px;
    line-height:40px;
    display:inline-block;
}
.rightnav a:hover{
    color:#00a7ea;
}
.rightnav a:hover::after{
    content:'';
    display:block;
    margin:0 auto;
    background:#00a7ea;
    width:50%;
    height:3px;

}
/* 横幅 */
.banner{
    width:100%;
}
.banner img{
    width:100%;
}
/* 产品展示 */
.product h1{
    line-height:123px;

}
.product h1 a{
    font-size:28px;
    color:#000;
    font-weight:normal;
    display:inline-block;
    line-height:60px;
}
.product h1 a:hover{
    color:#00a7ea;
}

.product h1 a:hover::after{
    content:'';
    display:block;
    background:#00a7ea;
    width:50px;
    height:4px;
}

.paging{
    font-size:14px;
    line-height:47px;
    border-bottom:1px solid #f3f3f3;
}
.paging a{
    color:#818388;
}
.paging a:hover{
    color:#00a7ea;
}

/* 左边栏 */
.leftaside{
    width:260px;
    float:left;
}
.leftaside li{
    width:260px;
    line-height:50px;
    text-align: center;
    background:#f2f2f2;
    margin:1px 0;
}
.leftaside a{
    color:#252525;
    font-size:14px;
}
.leftaside a:hover{
    color:#00a7ea;
}
.leftaside li img{
    background-size:260px;
}
.leftaside .img{
    margin:20px 0;
}
/* 右边栏 */
.rightaside{
    width:912px;
    float:right;
    margin-bottom:30px;
}
.cont{
    width:912px;
    padding:25px;
    box-sizing:border-box;
    margin:15px 0;
    border:1px solid #eeeeee;
}
.cont p{
    color:#818388;
    padding:10px 0;
}
/* 底部链接 */
footer{
    background:#141414;
    padding:60px 0;
    color:#818388;
    
}
.address{
    width:400px;
    box-sizing:border-box;
    float:left;
}
footer .address .add{
    background:url(../images/icon.jpg) no-repeat 5px -1px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer .address .contact{
    background:url(../images/icon.jpg) no-repeat 4px -42px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer .address .mail{
    background:url(../images/icon.jpg) no-repeat 0 -82px;
    display:inline-block;
    width:23px;
    height:21px;
    vertical-align: middle;
}
footer span{
    margin-right:5px;
}
footer p{
    line-height:45px;
}
footer .links{
    width:310px;
    float:left;
    box-sizing:border-box;
    margin-left:50px;
}
footer .links h1{
    font-size:19px;
    font-weight:normal;
    color:#fff;
    line-height:40px;
}
.links li a{
    display:block;
    float:left;
    width:150px;
    font-size:14px;
    color:#818388;
    padding:15px 0;
}
.links li a:hover{
    color:#00a7ea;
}
.links h1 a{
    color:#fff;
    line-height:30px;
    display:inline-block;
}
.links h1 a:hover{
    color:#00a7ea;
}
.links h1 a:hover::after{
    content:'';
    display:block;
    background:#318568;
    width:40px;
    height:3px;
}
footer form{
    width:320px;
    float:left;
    box-sizing:border-box;
    margin-left:50px;
    
}
footer form h1{
    font-size:19px;
    font-weight:normal;
    color:#fff;
    line-height:40px;
    float:left;
    text-align:top;
}
form a{
    display:block;
}
form h1 a{
    color:#fff;
    line-height:30px;
    display:inline-block;
}
form h1 a:hover{
    color:#00a7ea;
}
form h1 a:hover::after{
    content:'';
    display:block;
    background:#318568;
    width:40px;
    height:3px;
}
form{
    position:relative;
}
form input{
    width:320px;
    height:50px;
    box-sizing:border-box;
    outline:0;
    background:#333;
    border:0;
    padding:2px 100px 2px 10px;
    margin-top:30px;

}
form button{
    height:50px;
    width:100px;
    background:#3aa27f;
    color:#fff;
    font-size:16px;
    position:absolute;
    top:70px;
    right:0;
    border:0;
    cursor:pointer;
}
form p img{
    vertical-align: middle;
    margin-left:15px;
}
form p{
    font-size:15px;
    color:#818388;
    margin-top:22px;
}
form p a{
    display:inline-block;
}
.copyright{
    line-height:76px;
    text-align:center;
    background:#000;
    font-size:12px;
    color:#818388;
}